<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>文字说明</title>
</head>
<body>
<div class="container">
    <div class="jumbotron">
        <h1 class="display-4">文字说明！</h1>
        <p class="lead">简单的文字说明，帮助您了解数据更新工具的导航功能和操作规范。</p>
        <hr class="my-4">
        <ul class="list-unstyled">
            <li class="media">
                <img class="mr-3" src="images/right/guide.png" alt="Generic placeholder image">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">用户引导</h5>
                    <hr>
                    <p class="lead">视频演示</p>
                    <p class="lead-2">以视频的方式介绍导航功能和操作规范。</p>
                    <p class="lead">文字说明</p>
                    <p class="lead-2">以图文的方式介绍导航功能和操作规范。</p>
                </div>
            </li>
            <li class="media my-4">
                <img class="mr-3" src="images/right/guide.png" alt="Generic placeholder image">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">动作录制</h5>
                    <hr>
                    <p class="lead">图文说明</p>
                    <p class="lead-2">详细说明动作录制环境的搭建过程，以及Web页面动作的录制过程和结果。</p>
                    <p class="lead">资源下载</p>
                    <p class="lead-2">提供与动作录制环境相关的开源软件和工具下载。</p>
                </div>
            </li>
            <li class="media">
                <img class="mr-3" src="images/right/guide.png" alt="Generic placeholder image">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">文件上传</h5>
                    <hr>
                    <p class="lead">脚本文件</p>
                    <p class="lead-2">将已录制的脚本文件上传至WEB应用服务器。</p>
                    <p class="lead">数据文件</p>
                    <p class="lead-2">将要更新到目标系统的源数据文件上传至WEB应用服务器。</p>
                </div>
            </li>
            <li class="media my-4">
                <img class="mr-3" src="images/right/guide.png" alt="Generic placeholder image">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">脚本管理</h5>
                    <hr>
                    <p class="lead">编辑修改</p>
                    <p class="lead-2">依据相应的正则规则，对上传的脚本文件逐行修改。</p>
                    <p class="lead">脚本管理</p>
                    <p class="lead-2">管理上传的脚本文件，包括增删改查等操作。</p>
                </div>
            </li>
            <li class="media">
                <img class="mr-3" src="images/right/guide.png" alt="Generic placeholder image">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">数据处理</h5>
                    <hr>
                    <p class="lead">字段筛选</p>
                    <p class="lead-2">筛选出源数据的有用字段，去除多余字段。</p>
                    <p class="lead">字段合并</p>
                    <p class="lead-2">合并源数据的多个字段为单一目标字段。</p>
                    <p class="lead">字段拆分</p>
                    <p class="lead-2">拆分源数据的单一字段为多个目标字段。</p>
                </div>
            </li>
            <li class="media my-4">
                <img class="mr-3" src="images/right/guide.png" alt="Generic placeholder image">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">调度控制</h5>
                    <hr>
                    <p class="lead">任务管理</p>
                    <p class="lead-2">管理数据更新任务，包括删改查等操作。</p>
                    <p class="lead">字段映射</p>
                    <p class="lead-2">配置源数据字段与目的数据字段的一一对应关。</p>
                    <p class="lead">控制执行</p>
                    <p class="lead-2">检查回放脚本的必要条件，控制执行线程数，并开始执行。</p>
                    <p class="lead">结果展示</p>
                    <p class="lead-2">展示数据更新任务的执行结果。</p>
                </div>
            </li>
            <li class="media">
                <img class="mr-3" src="images/right/guide.png" alt="Generic placeholder image">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">个人中心</h5>
                    <hr>
                    <p class="lead">个人信息</p>
                    <p class="lead-2">系统用户的个人信息详情，并附有信息修改功能。</p>
                    <p class="lead">反馈中心</p>
                    <p class="lead-2">向系统管理员反馈当前系统存在的问题。</p>
                </div>
            </li>
            <li class="media">
                <img class="mr-3" src="images/right/guide.png" alt="Generic placeholder image">
                <div class="media-body">
                    <h5 class="mt-0 mb-1">系统设置</h5>
                    <hr>
                    <p class="lead">管理员信息</p>
                    <p class="lead-2">系统管理员的个人信息详情，并附有信息修改功能。</p>
                    <p class="lead">用户管理</p>
                    <p class="lead-2">管理系统当前的用户信息，包括增删改查等操作。</p>
                </div>
            </li>
        </ul>
        <p class="lead">若想了解更多，请 <a href="#" data-toggle="modal" data-target="#loginModal">登录</a> 或者 <a href="#" data-toggle="modal" data-target="#registerModal">注册</a>。</p>
    </div>
</div>
</body>
</html>